<template>
    <div class="bg">
         <topNav txt="隐私" :mode="2" ></topNav>
         
<div class="list">
    <span>加我为朋友时需要验证</span>
    <van-switch v-model="switchChecked" size="25" />
</div>
<div class="list">
    <span>向我推荐通讯录朋友</span>
    <van-switch v-model="switchChecked1" size="25" />
</div>

    </div>

</template>
<script>
import topNav from "@/components/return"




export default {
            components: {
    topNav
  }, 
  data(){
      return{
          switchChecked:false,
           switchChecked1:false,
          


      }
  }
}
</script>
<style  scoped>
.bg{
     width: 100vw;
    min-height: 100vh;
    background: #EDEDED;

}

.list{
    background: #fff;
    padding: 5px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid #e3e4e5;
}
</style>